<template>
  <el-dialog
      title="日志详情"
      v-el-drag-dialog
      v-if="showDom"
      :visible.sync="visible"
      width="700px"
      center
      :show-close="false"
      @closed="closed">
    <el-table class="yt-table" :data="infoList" max-height="400px" border style="width: 100%">
      <el-table-column prop="name" label="参数名：" width="100px" align="right"></el-table-column>
      <el-table-column prop="data" label="参数值"></el-table-column>
    </el-table>

    <div slot="footer" class="dialog-footer">
      <el-button size="small" type="" @click="hide">关 闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: {},
  data() {
    return {
      showDom: false,
      visible: false,
      infoList: []
    };
  },
  computed: {},
  mounted() {

  },
  created() {

  },
  methods: {
    show(data) {
      this.showDom = true
      this.visible = true
      this.infoList = data;
    },
    hide() {
      this.visible = false
    },
    closed() {
      this.showDom = false
    }
  }
};
</script>
<style lang="less" scoped>
  .form-box-group {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
  }

  .form-box-item {
    padding: 15px 50px 15px 15px;
    border-bottom: solid 1px #ffffff;

    &:last-child {
      border-bottom: none;
    }
  }
</style>